<%--
  Created by IntelliJ IDEA.
  User: BluceYoung
  Date: 2020/12/14
  Time: 15:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<jsp:include page="../temp/index_head.jsp">
    <jsp:param name="title" value="社团主页"/>
</jsp:include>
<div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
        <div class="x_title">
            <h2>社团主页 <small>different form elements</small></h2>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <div class="col-md-3 col-sm-3 col-xs-12 profile_left">
                <div class="profile_img">
                    <div id="crop-avatar">
                        <img class="img-responsive avatar-view" src="${pageContext.request.contextPath}/statics/images/<c:if test="${empty club.logo}">img.jpg</c:if><c:if test="${not empty club.logo}">clublogo/${club.logo}</c:if>" alt="${club.name}" title="${club.name}">
                    </div>
                </div>
                <h3>${club.name}</h3>
                <ul class="list-unstyled user_data">
                    <li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> 简介：${club.introduce}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> 分类：${club.clubType.name}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> 社长：<a href="${pageContext.request.contextPath}/user/profile/${club.userId}">${club.user.nickName}</a>
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> 口号：${club.slogan}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> 理念：${club.purpose}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> 群号：${club.groupCode}
                    </li>

                </ul>
                <%--如果当前社团是登录用户的--%>
                <c:if test="${club.id eq user.club.id}">
                    <a href="${pageContext.request.contextPath}/club/edit.html" class="btn btn-success"><i class="fa fa-edit m-right-xs"></i>编辑资料</a>
                </c:if>

                <br>

            </div>
            <div class="col-md-9 col-sm-9 col-xs-12">
                <div class="" role="tabpanel" data-example-id="togglable-tabs">
                    <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#tab_content1" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true">成员列表</a>
                        </li>

                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab">
                            成员列表
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="../temp/index_foot.jsp"></jsp:include>
